<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人简介</title>
  <link rel="stylesheet" href="./assets/css/common.css">
  <style>
    .container {
      box-sizing: border-box;
      background-color: #fff;
      width: 1080px;
      margin: 30px auto;
      padding: 30px;
      border-radius: 20px;
    }

    .container h2 {
      margin-bottom: 15px;
    }

    .container p {
      font-family: 'Courier New', Courier, monospace;
      text-align: justify;
      font-size: 20px;
      line-height: 30px;
      letter-spacing: 2px;
    }

    .footer {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
    }
  </style>
</head>

<body>
  <div class="header">
    <div class="content">
      <div class="logo">
        <img src="./assets/img/logo.png" alt="logo">
      </div>
      <div class="home"><a href="index.html">网站首页</a></div>
      <ul class="menu">
        <li><a href="shandong.html">山东鲁菜</a></li>
        <li><a href="guangdong.html">广东粤菜</a></li>
        <li><a href="fujian.html">福建闽菜</a></li>
        <li><a href="hunan.html">湖南湘菜</a></li>
        <li><a href="profile.html">个人简介</a></li>
      </ul>
    </div>

  </div>

  <div class="container">
    <h2>座右铭</h2>
    <p style="margin-bottom: 30px;">花无凋零之日，意无传递之时，爱情亘古不变，紫罗兰与世长存。</p>
    <h2>自我介绍</h2>
    <p>
      只要是顾客的意向，我可以奔赴任何地方，自动手记人偶服务，我是薇尔莉特·伊芙加登。
    </p>
  </div>

  <div class="footer"></div>
</body>

</html>